$(function() {
    // 点击导航栏让商店隐藏列表显示
    $("#getgsshop").click(function() {
            $(".click-area").css("display", "none");
            $(".show-all").css("display", "none");
            $(".click-show").css("display", "block");
        })
        // 点击区域显示
    $("#getgsshoparea").click(function() {
            $(".click-show").css("display", "none");
            $(".show-all").css("display", "none");
            $(".click-area").css("display", "block");
        })
        //点击显示全部价格
    $("#showAll").click(function() {
        $(".show-all").css("display", "block");
        $(".click-show").css("display", "none");
        $(".click-area").css("display", "none");

    })
    $(".list-area-item").click(function() {
            $(".show-all").css("display", "none");
        })
        // 获取凑单品的店铺的信息
    function getgsshop() {
        $.ajax({
            type: 'get',
            url: 'http://localhost:3000/api/getgsshop',
            dataType: 'json',
            success: function(res) {
                $(".click-show").html(template("gsshopid", res))
            }
        })
    }
    getgsshop()
        // 获取地区
    function gethoparea() {
        $.ajax({
            type: 'get',
            url: 'http://localhost:3000/api/getgsshoparea',
            dataType: 'json',
            success: function(res) {
                $(".click-area").html(template("gethoparea", res))
            }
        })
    }
    gethoparea()
        // 获取商品列表
    var shopid = 0;
    var areaid = 0;

    function getgoodsList(shopid, areaid) {
        $.ajax({
            type: 'get',
            url: 'http://localhost:3000/api/getgsproduct',
            data: {
                shopid: shopid,
                areaid: areaid
            },
            dataType: 'json',
            success: function(res) {
                console.log(res)
                $(".home-display-list").html(template("goods-list", res))
            }
        })
    }
    getgoodsList(shopid, areaid)
        //点击店铺改变shopid
    $(".click-show").on("click", ".list-show-item", function() {
            shopid = $(this).prop("id");
            $(".click-show").css("display", "none");
            getgoodsList(shopid, areaid)
        })
        //点击区域列表该表areaid
    $(".click-area").on('click', '.list-area-item', function() {
        areaid = $(this).prop("id");
        getgoodsList(shopid, areaid)
        $(".click-area").css("display", "none");
    })
})